<!DOCTYPE html>
<html>

	<head>
		<title></title>
		<#include "/header.html">
			<script src="${request.contextPath}/statics/libs/ajaxupload.js"></script>
			<link rel="stylesheet" href="${request.contextPath}/statics/css/bootstrap-table.min.css">
			<link rel="stylesheet" href="${request.contextPath}/statics/plugins/treegrid/jquery.treegrid.css">
			<script src="${request.contextPath}/statics/libs/bootstrap-table.min.js"></script>
			<script src="${request.contextPath}/statics/plugins/treegrid/jquery.treegrid.min.js"></script>
			<script src="${request.contextPath}/statics/plugins/treegrid/jquery.treegrid.bootstrap3.js"></script>
			<script src="${request.contextPath}/statics/plugins/treegrid/jquery.treegrid.extension.js"></script>
			<script src="${request.contextPath}/statics/plugins/treegrid/tree.table.js"></script>
			<script src="${request.contextPath}/statics/ckeditor/ckeditor.js"></script>
			<style>
				.panel-heading:hover{
					cursor: pointer;
				}
			</style>
	</head>

	<body>
		<div id="rrapp">
			<!-- Nav tabs -->
			<ul class="nav nav-tabs" role="tablist">
				<li role="presentation" class="active">
					<a href="#show" aria-controls="show" role="tab" data-toggle="tab">微课分类展示</a>
				</li>
<!--				<li role="presentation">-->
<!--					<a href="#addLag" aria-controls="addLag" role="tab" data-toggle="tab">新增微课大分类</a>-->
<!--				</li>-->
				<li role="presentation">
					<a href="#addMid" aria-controls="addMid" role="tab" data-toggle="tab">新增微课中分类</a>
				</li>
				<li role="presentation">
					<a href="#addSml" aria-controls="addSml" role="tab" data-toggle="tab">新增微课小分类</a>
				</li>
<!--				<li role="presentation">-->
<!--					<a href="#delLag" aria-controls="delLag" role="tab" data-toggle="tab">删除微课大分类</a>-->
<!--				</li>-->
				<li role="presentation">
					<a href="#delMid" aria-controls="delMid" role="tab" data-toggle="tab">删除微课中分类</a>
				</li>
				<li role="presentation">
					<a href="#delSml" aria-controls="delSml" role="tab" data-toggle="tab">删除微课小分类</a>
				</li>
			</ul>

			<!-- Tab panes -->
			<div class="tab-content">
				<div role="tabpanel" class="tab-pane fade in active" id="show">
					<h4 style="padding: 10px 0;margin-bottom: 20px;border-bottom: 1px solid #eee;">分类列表:</h4>
					<div class="panel-group" id="accordion">
					</div>
				</div>
<!--				<div role="tabpanel" class="tab-pane fade" id="addLag">-->
<!--					<form class="form-horizontal">-->
<!--						<div class="form-group">-->
<!--							<div class="col-sm-2 control-label">大分类</div>-->
<!--							<div class="col-sm-10">-->
<!--								<input placeholder="新大分类名称" v-model="addLagName" type="text" class="form-control">-->
<!--							</div>-->
<!--						</div>-->
<!--						<div class="form-group">-->
<!--							<div class="col-sm-2 control-label"></div>-->
<!--							<div class="col-sm-10">-->
<!--								<button @click="add('新增大分类')" type="button" class="btn btn-primary">新增</button>-->
<!--							</div>-->
<!--						</div>-->
<!--					</form>-->
<!--				</div>-->
				<div role="tabpanel" class="tab-pane fade" id="addMid">
					<form class="form-horizontal">
						<div class="form-group">
							<div class="col-sm-2 control-label">大分类</div>
							<div class="col-sm-10">
								<select class="form-control" v-model="forAddMidId">
									<option v-for="(item,index) in forAddMid" :key="index" :value="item.id">{{item.name}}</option>
								</select>
							</div>
						</div>
						<div class="form-group">
							<div class="col-sm-2 control-label">中分类</div>
							<div class="col-sm-10">
								<input placeholder="新中分类名称" v-model="addMidName" type="text" class="form-control">
							</div>
						</div>
						<div class="form-group">
							<div class="col-sm-2 control-label"></div>
							<div class="col-sm-10">
								<button @click="add('新增中分类')" type="button" class="btn btn-primary">新增</button>
							</div>
						</div>
					</form>
				</div>
				<div role="tabpanel" class="tab-pane fade" id="addSml">
					<form class="form-horizontal">
						<div class="form-group">
							<div class="col-sm-2 control-label">大分类</div>
							<div class="col-sm-10">
								<select class="form-control" v-model="forAddSmlFirstId" @change="getForAddSmlSecond()">
									<option v-for="(item,index) in forAddSmlFirst" :key="index" :value="item.id">{{item.name}}</option>
								</select>
							</div>
						</div>
						<div class="form-group">
							<div class="col-sm-2 control-label">中分类</div>
							<div class="col-sm-10">
								<select class="form-control" v-model="forAddSmlSecondId">
									<option v-for="(item,index) in forAddSmlSecond" :key="index" :value="item.id">{{item.name}}</option>
								</select>
							</div>
						</div>
						<div class="form-group">
							<div class="col-sm-2 control-label">小分类</div>
							<div class="col-sm-10">
								<input placeholder="新小分类名称" v-model="addSmlName" type="text" class="form-control">
							</div>
						</div>
						<div class="form-group">
							<div class="col-sm-2 control-label"></div>
							<div class="col-sm-10">
								<button @click="add('新增小分类')" type="button" class="btn btn-primary">新增</button>
							</div>
						</div>
					</form>
				</div>
<!--				<div role="tabpanel" class="tab-pane fade" id="delLag">-->
<!--					<form class="form-horizontal">-->
<!--						<div class="form-group">-->
<!--							<div class="col-sm-2 control-label">大分类</div>-->
<!--							<div class="col-sm-10">-->
<!--								<select class="form-control" v-model="forDelLagId">-->
<!--									<option v-for="(item,index) in forDelLag" :key="index" :value="item.id">{{item.name}}</option>-->
<!--								</select>-->
<!--							</div>-->
<!--						</div>-->
<!--						<div class="form-group">-->
<!--							<div class="col-sm-2 control-label"></div>-->
<!--							<div class="col-sm-10">-->
<!--								<button @click="del('删除大分类')" type="button" class="btn btn-primary">删除</button>-->
<!--							</div>-->
<!--						</div>-->
<!--					</form>-->
<!--				</div>-->
				<div role="tabpanel" class="tab-pane fade" id="delMid">
					<form class="form-horizontal">
						<div class="form-group">
							<div class="col-sm-2 control-label">大分类</div>
							<div class="col-sm-10">
								<select class="form-control" v-model="forDelMidFirstId" @change="getForDelMidSecond()">
									<option v-for="(item,index) in forDelMidFirst" :key="index" :value="item.id">{{item.name}}</option>
								</select>
							</div>
						</div>
						<div class="form-group">
							<div class="col-sm-2 control-label">中分类</div>
							<div class="col-sm-10">
								<select class="form-control" v-model="forDelMidSecondId">
									<option v-for="(item,index) in forDelMidSecond" :key="index" :value="item.id">{{item.name}}</option>
								</select>
							</div>
						</div>
						<div class="form-group">
							<div class="col-sm-2 control-label"></div>
							<div class="col-sm-10">
								<button @click="del('删除中分类')" type="button" class="btn btn-primary">删除</button>
							</div>
						</div>
					</form>
				</div>
				<div role="tabpanel" class="tab-pane fade" id="delSml">
					<form class="form-horizontal">
						<div class="form-group">
							<div class="col-sm-2 control-label">大分类</div>
							<div class="col-sm-10">
								<select class="form-control" v-model="courseSmallClassificationFirstId" @change="getCourseSmallClassificationSecond()">
									<option v-for="(item,index) in courseSmallClassificationFirst" :key="index" :value="item.id">{{item.name}}</option>
								</select>
							</div>
						</div>
						<div class="form-group">
							<div class="col-sm-2 control-label">中分类</div>
							<div class="col-sm-10">
								<select class="form-control" v-model="courseSmallClassificationSecondId" @change="getCourseSmallClassificationThird()">
									<option v-for="(item,index) in courseSmallClassificationSecond" :key="index" :value="item.id">{{item.name}}</option>
								</select>
							</div>
						</div>
						<div class="form-group">
							<div class="col-sm-2 control-label">小分类</div>
							<div class="col-sm-10">
								<select id="message-textSmall" class="form-control" v-model="courseSmallClassificationThirdId">
									<option v-for="(item,index) in courseSmallClassificationThird" :key="index" :value="item.id">{{item.name}}</option>
								</select>
							</div>
						</div>
						<div class="form-group">
							<div class="col-sm-2 control-label"></div>
							<div class="col-sm-10">
								<button @click="del('删除小分类')" type="button" class="btn btn-primary">删除</button>
							</div>
						</div>
					</form>
				</div>
			</div>

		</div>

		<script src="${request.contextPath}/statics/js/modules/course/courseSmallClassification.js?_${.now?long}"></script>
	</body>

</html>